
Ext.onReady(function() {

    //Creo el store del TreeView
    var store = Ext.create('Ext.data.TreeStore', {
        root: {
            expanded: true,
            children: [
                {text: "Concurso", expanded: true,
                    children: [
                        {text: "Ver concurso", leaf: true, iconCls: 'ver'},
                        {text: "Concursar", leaf: true, iconCls: 'concursar'},
                        {text: "Jurados", leaf: true, iconCls: 'jurado'},
                        {text: "Votar Jurados", leaf: true, iconCls: 'fixture'}
                    ]},
                {text: "Usuarios", expanded: true,
                    children: [
                        {text: "Claves", leaf: true, iconCls: 'socio'}
                    ]},
                {text: "Ranking", expanded: true,
                    children: [
                        {text: "Ranking", leaf: true, iconCls: 'ranking'}
                    ]},
                {text: "Fixture", expanded: true,
                    children: [
                        {text: "Fixture", leaf: true, iconCls: 'fixture'}
                    ]},
                {text: "Novedades", expanded: true,
                    children: [
                        {text: "Novedades", leaf: true, iconCls: 'buscar'}
                    ]},
                {text: "Salir", leaf: true, iconCls: 'salida'}
            ]
        }
    });

    //Creo el treVieww
    menu = new Ext.tree.Panel({
        title: '',
        width: 180,
        height: 300,
        store: store,
        rootVisible: false,
        listeners: {
            itemclick: function(node, rec, item, index, e) {
                //Verifico si es Ver Concursar
                if (rec.get('text') == 'Concursar') {
                    //Elimino todos los tabs
                    Ext.getCmp('tabpanel').removeAll();

                    //Obtengo el día y al hora
                    //var hora = new Date();
                    //var dia = hora.getDay();
                    //var hora = hora.getHours();

                    //Verifico si es domingo y es despues de las 6 am
                    //if (dia == 0 && hora >= 6) {
                    //    Ext.Msg.alert('Mensaje del sistema!', 'No se puede ingresar al formulario');
                    //}
                    //else {
                    //Agrego un nuevo tab
                    Ext.getCmp('tabpanel').add({html: '<iframe src="../php/FormConcurso.php" style="width:100%;height:100%;border:none;"></iframe>'});

                    //}
                }

                //Verifico si es Salir
                if (rec.get('text') == 'Claves') {
                    //Elimino todos los tabs
                    Ext.getCmp('tabpanel').removeAll();

                    //Agrego un nuevo tab
                    Ext.getCmp('tabpanel').add({html: '<iframe src="../php/FormClaves.php" style="width:100%;height:100%;border:none;"></iframe>'});
                }
                //Verifico si es Ver concurso
                if (rec.get('text') == 'Ver concurso') {
                    //Elimino todos los tabs
                    Ext.getCmp('tabpanel').removeAll();
                    //Agrego un nuevo tab
                    Ext.getCmp('tabpanel').add({html: '<iframe src="../php/FormVerConcursoUS.php" style="width:100%;height:100%;border:none;"></iframe>'});
                }
                //Verifico si es Jurados
                if (rec.get('text') == 'Jurados') {
                    //Elimino todos los tabs
                    Ext.getCmp('tabpanel').removeAll();
                    //Agrego un nuevo tab
                    Ext.getCmp('tabpanel').add({html: '<iframe src="../php/AbmJurados.php" style="width:100%;height:100%;border:none;"></iframe>'});
                }
                //Verifico si es ranking
                if (rec.get('text') == 'Ranking') {
                    //Elimino todos los tabs
                    Ext.getCmp('tabpanel').removeAll();
                    //Agrego un nuevo tab
                    Ext.getCmp('tabpanel').add({html: '<iframe src="../php/formListRanking.php" style="width:100%;height:100%;border:none;"></iframe>'});
                }

                //Verifico si es Fixture
                if (rec.get('text') == 'Fixture') {
                    //Elimino todos los tabs
                    Ext.getCmp('tabpanel').removeAll();
                    //Agrego un nuevo tab
                    Ext.getCmp('tabpanel').add({html: '<iframe src="../php/AbmFixture.php" style="width:100%;height:100%;border:none;"></iframe>'});
                }

                //Verifico si es Votar
                if (rec.get('text') == 'Votar Jurados') {
                    //Elimino todos los tabs
                    Ext.getCmp('tabpanel').removeAll();
                    //Agrego un nuevo tab
                    Ext.getCmp('tabpanel').add({html: '<iframe src="../php/formVotacion.php" style="width:100%;height:100%;border:none;"></iframe>'});
                }

                //Verifico si es Novedades
                if (rec.get('text') == 'Novedades') {
                    //Elimino todos los tabs
                    Ext.getCmp('tabpanel').removeAll();
                    //Agrego un nuevo tab
                    Ext.getCmp('tabpanel').add({html: '<iframe src="../php/AbmNovedades.php" style="width:100%;height:100%;border:none;"></iframe>'});
                }

                //Verifico si es Salir
                if (rec.get('text') == 'Salir') {
                    window.location.href = "menu.php?salir=1";
                }
            }
        },
        renderTo: Ext.getBody()
    });

    //Creo viewPort que contiene treview
    view = new Ext.container.Viewport({
        layout: 'border',
        items: [{
                region: 'north',
                autoHeight: true,
                border: false,
                margins: '0 0 5 0'
            }, {
                region: 'west',
                collapsible: false,
                title: 'Menu Principal',
                //Agrego al menú al Viewport
                tbar: menu,
                width: 180
            }, {
                region: 'center',
                title: 'Formulario',
                tbar: '',
                id: 'tabpanel'
            }]
    });
});


